<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>My JSP 'index.jsp' starting page</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link rel="stylesheet" type="text/css"
	href="<%=path%>/resources/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css"
	href="<%=path%>/resources/css/index.css">
<link rel="stylesheet" type="text/css"
	href="<%=path%>/resources/css/login.css">
<link rel="stylesheet" type="text/css"
	href="<%=path%>/resources/css/slider.css">
<script type="text/javascript"
	src="<%=path%>/resources/js/jquery.min.js"></script>
<script type="text/javascript"
	src="<%=path%>/resources/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="<%=path%>/resources/js/index.js"></script>
<script type="text/javascript" src="<%=path%>/resources/js/slider.js"></script>
</head>

<body>
	<div class="modal fade" id="login-modal" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="demo form-bg">
				<div class="container">
					<div class="col-md-offset-3 col-md-6">
						<form class="form-horizonta">
							<button type="button" class="close" data-dismiss="modal"
								aria-hidden="true">&times;</button>
							<span class="heading">用户登录</span>
							<div class="form-group">
								<input type="email" class="form-control" id="inputEmail3"
									placeholder="用户名或电子邮件"> <i class="fa fa-user"></i>
							</div>
							<div class="form-group help">
								<input type="password" class="form-control" id="inputPassword3"
									placeholder="密　码"> <i class="fa fa-lock"></i> <a
									href="#" class="fa fa-question-circle"></a>
							</div>
							<div class="form-group">
								<div class="main-checkbox">
									<input type="checkbox" value="None" id="checkbox1" name="check" />
									<label for="checkbox1"></label>
								</div>
								<span class="text">Remember me</span>
								<button type="submit" class="btn btn-default">登录</button>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="modal fade" id="tag-bag-model" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal"
					aria-hidden="true">&times;</button>
				<h4 class="modal-title" id="myModalLabel">请选择标签包</h4>
			</div>
			<input id='temp-data' type='hidden'></input>
			<div class="modal-content">
				<a class="btn btn-primary link-bag" id="bag1">标签包1</a> <a
					class="btn btn-primary link-bag" id="bag2">标签包2</a> <a
					class="btn btn-primary link-bag" id="bag3">标签包3</a>
			</div>
		</div>
	</div>
	<div class="container">
		<nav class="navbar navbar-default" role="navigation">
		<div class="container-fluid">
			<div>
				<ul class="nav navbar-nav">
					<li class="active"><a href="#">iOS</a></li>
					<li><a href="#">SVN</a></li>
					<li class="dropdown"><a href="#" class="dropdown-toggle"
						data-toggle="dropdown"> Java <b class="caret"></b>
					</a>
						<ul class="dropdown-menu">
							<li><a href="#">jmeter</a></li>
							<li><a href="#">EJB</a></li>
							<li><a href="#">Jasper Report</a></li>
							<li class="divider"></li>
							<li><a href="#">分离的链接</a></li>
							<li class="divider"></li>
							<li><a href="#">另一个分离的链接</a></li>
						</ul></li>
					<li></li>
				</ul>
				<ul class="nav-button">
					<li><a class="btn btn-primary" id="login-btn"
						href="javascript:void(0)">登入</a></li>
					<li><a class="btn btn-primary" href="#">效果展示</a></li>
				</ul>
			</div>
		</div>
		</nav>
		<div class="row clearfix show-message">
			<h1>信息展示面板</h1>
			<h2>智慧营销平台</h2>
			<div class="col-md-12 column">
				<div class="logo"></div>
			</div>
		</div>
		<div class="row clearfix tags-box">
			<div class="tags">
				<ul id="accordion" class="accordion">
					<li>
						<div class="link">
							<i class="fa fa-paint-brush"></i>分类1<i
								class="fa fa-chevron-down"></i>
						</div>
						<ul class="submenu">
							<li><div class="show-tag" flag="type1" pos="1" id="1">标签1</div></li>
							<li><div class="show-tag" flag="type1" pos="2" id="2">标签2</div></li>
							<li><div class="show-tag" flag="type1" pos="3" id="3">标签3</div></li>
						</ul>
					</li>
					<li>
						<div class="link">
							<i class="fa fa-paint-brush"></i>分类2<i
								class="fa fa-chevron-down"></i>
						</div>
						<ul class="submenu">
							<li><div class="show-tag" flag="type1" pos="1" id="4">标签1</div></li>
							<li><div class="show-tag" flag="type1" pos="2" id="5">标签2</div></li>
							<li><div class="show-tag" flag="type1" pos="3" id="6">标签3</div></li>
						</ul>
					</li>
					<li>
						<div class="link">
							<i class="fa fa-paint-brush"></i>分类3<i
								class="fa fa-chevron-down"></i>
						</div>
						<ul class="submenu">
							<li><div class="show-tag" flag="type1" pos="1" id="7">标签1</div></li>
							<li><div class="show-tag" flag="type1" pos="2" id="8">标签2</div></li>
							<li><div class="show-tag" flag="type1" pos="3" id="9">标签3</div></li>
						</ul>
					</li>
				</ul>
			</div>
			<div class="pre-view">
				<div class="preview">
					<span>目标人群信息预览</span>
				</div>
				<div class="tag-confirm">
					<table class="table">
						<thead>
							<tr>
								<th>标签包</th>
								<th>标签</th>
								<th>操作</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td><div class="bag-title">标签包1</div></td>
								<td  id='b1' class="tags-td"></td>
								<td><div class="tag-btn">
										<button class="btn btn-sm-primary con-button">选定</button>
										<button class="btn btn-sm-primary">配置广告</button>
									</div></td>
							</tr>
							<tr>
								<td><div class="bag-title" >标签包2</div></td>
								<td id='b2' class="tags-td"></td>
								<td><div class="tag-btn">
										<button class="btn btn-sm-primary con-button">选定</button>
										<button class="btn btn-sm-primary">配置广告</button>
									</div></td>
							</tr>
							<tr>
								<td><div class="bag-title" >标签包3</div></td>
								<td id='b3' class="tags-td"></td>
								<td><div class="tag-btn">
										<button class="btn btn-sm-primary con-button">选定</button>
										<button class="btn btn-sm-primary">配置广告</button>
									</div></td>
							</tr>
						</tbody>
					</table>
					<button class="btn btn-success" style="buttom:10px">新增标签包</button>
				</div>
			</div>
		</div>
		<div class="footer">
			<span>版权 所有：xxxx</span>
		</div>
	</div>
</body>
</html>
